<template>
  <div>
    <ProPanel :groups="groups" :columns="columns" :data="formData">
      <template #addIconSlot>
        <div class="add-icon"><SvgIcon icon-class="ic_加号" /></div>
      </template>
    </ProPanel>
  </div>
</template>

<script setup lang="ts">
import ProPanel from '@/components/pro-panel/index.vue';
import { usePanelConfig } from './hook';

defineOptions({
  name: 'PolyGon',
});

const { groups, formData, columns } = usePanelConfig();

onMounted(() => {
  // TODO 图层面板初始化赋值逻辑
});

watch(
  () => formData.value,
  () => {
    // TODO 判断更新来源是来自 form 表单
  },
  {
    deep: true,
  }
);
</script>

<style lang="less" scoped>
:deep(.el-form-item) {
  .add-icon {
    width: 100%;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
</style>
